*{
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
}

.limited-container {
    max-height: none; /* 放宽，避免时间被遮挡 */
    overflow: visible;
}

.titlerefreshButton{
    // width: 72px;
    padding: 0px 15px;
    display: flex; justify-content: center;
    height: 30px;
    background: var(--color-bg-2);
    border-radius: 15px;
    border: 1px solid var(--color-border-2);
    color: var(--color-text-3);
    cursor: pointer;
    margin: 7px 13px 7px 0px;
    cursor: pointer;
}

.titlerefreshButton:hover {
    border: 1px solid var(--color-primary-6);
    color: var(--color-primary-6);
}

.refreshButtonIcon{
    width: 11px;
    height: 11px;
    line-height: 32px;
    margin-right: 7px;
}

.refreshText{
    // width: 28px;
    height: 20px;
    text-align: center;
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 14px;
    line-height: 28px;
    text-align: left;
    font-style: normal;
}
.page-header-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    .avatar {
        width: 60px;
        height: 60px;
        border-radius: 30px;
        overflow: hidden;
        margin-right: 20px;

        .img {
        width: 100%;
        height: 100%;
        }
    }

    .content-title {
        font-size: 20px;
        color: var(--color-text-1);
        margin-bottom: 6px;
    }
}
.hint {
    width:500px;
    height: 80px;
    overflow-y:auto;
    overflow-x:hidden;
}
.hint::-webkit-scrollbar {
    display: none;
}
.ant-collapse-borderless {
    background-color: var(--color-bg-2);
    border: 0;
}
.ant-list-item-meta-content {
    flex: auto;
}
.agent{
    background-color: var(--color-bg-2);
    // border-radius: 8px;
    border-radius: 5px;
    padding: 8px;
    // height: 100%;
}

.custom-icon {
    color: #979CA5; /* 默认颜色 */
    cursor: pointer;
    transition: color 0.3s ease; /* 添加平滑过渡效果 */
}

.custom-icon:hover {
    color: #138AFF !important; /* 悬停时改变颜色 */
}

.logbutton{
    // width: 24px;
    height: 16px;
    font-size: 12px;
    line-height: 28px;
    margin-right: 16px;
    color: var(--color-text-3);
    cursor: pointer;
}

.logbutton:hover {
    color: #138AFF !important; /* 悬停时改变颜色 */
}


.timelineDiv{
    display:flex;
    width:100%;
    height: 28px;
    line-height: 28px;
    border-radius: 6px;
    padding: 0px 6px;
    cursor: pointer;
}

.timelineDiv:hover{
    background: var(--color-fill-2);
}

.custom-footer {
    border-top: none !important; /* 自定义 footer 上边框 */
}

.notData{
    background-color: var(--color-bg-2);
    border-radius: 5px;
    display: flex; /* 激活 flex 布局 */
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    padding: 10px;
    height: 100%; /* 父容器高度，可根据实际情况调整 */
}

.notData img {
    max-width: 30%; /* 防止图片超出容器 */
    max-height: 30%; /* 限制图片最大高度 */
}

.bold-tab {
    font-weight: bold;
    color: var(--color-text-1);
}

.cardList{
    min-height: 637px;
    padding: 8px 15px;
    display: flex;             /* 使左侧容器可伸缩 */
    flex-direction: column;
    width: 100%;               /* 占满所在列的宽度 */
    flex: 1;                   /* 避免被内容挤压 */
    min-width: 0;              /* 防止最小内容宽度撑开 */
}
.card{
    padding: 10px;
    margin: 4px 0px;
    border-radius: 5px;
    /* 默认灰色边框，选中态通过内描边高亮 */
    border: 1px solid var(--color-border-2);
    background: var(--color-bg-2);
    cursor: pointer;
    box-sizing: border-box;
    width: 100%;
}

/* 悬停不改变边框，仅轻微背景提示（可按需保留/去除） */
.card:hover{
    background: var(--color-fill-1);
}

.card.active {
    border: 1.5px solid transparent !important;
    /* 使用内描边，避免被父容器 overflow 裁剪 */
    box-shadow: inset 0 0 0 2px var(--color-primary-6) !important;
    position: relative;
    z-index: 1;
}

.card >div>ul{
    display: flex;
    justify-content: space-between;
    list-style: none; /* 去掉默认的圆点 */
    padding: 0;       /* 去掉内边距 */
    margin: 0;        /* 去掉外边距 */
}

.agent>div>ul{
    display: flex;
    justify-content: flex-start; /* 避免被拉满导致右侧留白 */
    gap: 12px;
    align-items: center;
    list-style: none; /* 去掉默认的圆点 */
    padding: 0;       /* 去掉内边距 */
    margin: 0;        /* 去掉外边距 */
}

/* 右侧标题头部布局，控制不换行与间距 */
.agent-header{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
    flex-wrap: nowrap;
}

.agent-header > li{
    white-space: nowrap;
}

.card>div>ul>li{
    display: flex;
}

.agent>div>ul>li {
    display: flex;
}

.agentcontent{
    height: 701px;
    background-color: var(--color-bg-2);
    padding: 8px;
    border-radius: 0px 0px 5px 0px;
    border: 1px solid var(--color-border-2);
    display: flex;            /* 启用弹性布局 */
    width: 100%;
}

/* 让右侧内容区铺满列宽，避免出现大面积留白 */
.agentcontent .scroll-container{ width: 100%; }
.agentcontent > .agent{ width: 100%; flex: 1; display: flex; flex-direction: column; }
.agentcontent .arco-tabs{ width: 100%; }
.agentcontent .arco-tabs-content{ width: 100% !important; }
.agentcontent .arco-tabs-content-inner{ width: 100% !important; }
.agentcontent .arco-tabs-content-holder,
.agentcontent .arco-tabs-content,
.agentcontent .arco-tabs-pane{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
}
.agentcontent .arco-tabs-pane > div{ width: 100% !important; }
.agentcontent form,
.agentcontent .arco-form{
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
}
.agentcontent .arco-form-item,
.agentcontent .arco-form-item-content,
.agentcontent .arco-form-item-label-col,
.agentcontent .arco-form-item-wrapper-col{ max-width: 100% !important; }
.agentcontent .arco-input-wrapper,
.agentcontent .arco-textarea-wrapper,
.agentcontent .arco-select-view{ width: 100% !important; }

/* 让 tabs 面板里的滚动容器也能撑满 */
.agentcontent .scroll-container{ flex: 1; }

/* 解除外层容器最大宽度限制，防止页面放大时左右仍固定窄宽度 */
.page-header-wrapper,
.ant-pro-page-container-children-content,
.ant-pro-grid-content,
.arco-pro-page-container,
.arco-pro-page-container-children,
.arco-layout-content,
.arco-pro-layout-content {
max-width: none !important;
width: 100% !important;
margin: 0 !important;
}

.titleShow{
width:235px;
white-space: nowrap; /* 防止文本换行 */
overflow: hidden; /* 隐藏溢出内容 */
text-overflow: ellipsis; /* 使用省略号表示溢出内容 */
}

.titleUtils{
    white-space: nowrap; /* 防止文本换行 */
    overflow: hidden; /* 隐藏溢出内容 */
    text-overflow: ellipsis; /* 使用省略号表示溢出内容 */
}

.ellipsis-text {
    display: flex;
    justify-content: center;  /* 水平居中 */
    align-items: center;      /* 垂直居中 */
    text-align: center;       /* 文本内容居中对齐 */
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 42px;            /* 容器高度 */
    box-sizing: border-box;   /* 确保 padding 不影响宽高 */
    word-break: break-word;   /* 自动换行以处理过长文字 */
    margin-top: -10px;
    cursor: pointer;
}

.scroll-container {
    overflow-x: auto;  /* 禁用横向滚动条 */
    overflow-y: auto;    /* 允许纵向滚动条 */
    // overflow-x: hidden;  /* 禁用横向滚动条 */
    width: 100%;
}

.scroll-container::-webkit-scrollbar {
    width: 8px; /* 定义滚动条宽度 */
    height: 8px; /* 定义横向滚动条高度 */
}

.scroll-container::-webkit-scrollbar-thumb {
    background: var(--color-text-4); /* 滚动条颜色，可调整 */
    border-radius: 999px; /* 滚动条圆角 */
}

.scroll-container::-webkit-scrollbar-track {
    display: none; /* 隐藏滚动槽 */
}

/* 右侧容器强制使用 Flex 并占满宽度/高度 */
.agentcontent{
    display: flex;
    flex-direction: column;
    width: 100%;
}

.agentcontent .agent{
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0; /* 防止子元素因最小内容宽度撑开 */
}


.no-scroll-container {
    overflow-x: hidden;  /* 禁用横向滚动条 */
    overflow-y: auto;    /* 允许纵向滚动条 */
}
  
.no-scroll-container::-webkit-scrollbar {
    display: none; /* 隐藏滚动条 */
}

/* 栅格在本页强制铺满并不换行，列允许收缩 */
.page-header-wrapper .arco-row{
    width: 100% !important;
    flex-wrap: wrap !important; /* 允许换行，配合列的 xs=24 */
}

.page-header-wrapper .arco-col{
    min-width: 0; /* 允许内容收缩，避免撑破导致布局异常 */
    max-width: 100%;
    display: flex;            /* 让列变为弹性容器 */
}

.page-header-wrapper .arco-col > *{
    width: 100%;              /* 让列的直接子元素铺满列宽 */
}

/* 自定义分栏容器，避免大屏换行 */
.workplace-split{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;            /* 大屏不换行 */
    gap: 8px;
    width: 100%;
    align-items: stretch;
}

.workplace-split .split-left{
    flex: 0 0 320px;              /* 固定列宽 */
    min-width: 0;                 /* 防止内容撑开 */
}

.workplace-split .split-right{
    flex: 1 1 auto;               /* 自适应填充 */
    min-width: 0;                 /* 防止内容撑开导致换行 */
    display: flex;
    flex-direction: column;
}

/* 小屏改为纵向堆叠 */
@media (max-width: 992px){
  .workplace-split{ flex-direction: column; }
  .workplace-split .split-left,
  .workplace-split .split-right{ flex: 1 1 auto; }
}

/deep/ .ant-tabs-nav .ant-tabs-tab {
    margin: 0px 40px 0px 0px !important; /* 设置自定义 margin */
}

/deep/ .ant-btn{
    border-radius: 4px;
}


// /deep/ .ant-pro-global-header/ {
//     height: 44px;
// }

.syletag{
    // display: flex;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    // width: 72px;
    height: 22px;
    background: #FEEFE5;
    border-radius: 4px;
    color: #FB6401;
    font-size: 12px;
    padding: 2px 6px;
}

.cardTag{
    // display: flex;
    width:65px;
    justify-content: center; /* 水平居中 */
    align-items: center; /* 垂直居中 */
    // width: 72px;
    height: 22px;
    background: #FEEFE5;
    border-radius: 9999px;
    color: #FB6401;
    font-size: 12px;
    padding: 2px 6px;
}

.circle{
    width:8px;
    height:8px;
    background-color:#cb18f8;
    border-radius:50px; /* 图形的半径 */
}

.iconRemark:hover{
    background: #d8d8d8;
    border-radius: 4px;
}

.btn-primary-hover:hover {
    background: #E7F3FE !important;
}

.btn-dashed-hover:hover {
    background: #FEECEC !important;
}

.btn-hover:hover {
    background: #F7F8FA;
    color: #515665;
    border: 1px solid #D6DAE0;
}

.expand{
    cursor: pointer;
    // width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px 9px;
    height: 24px;
    background: var(--color-fill-2);
    border-radius: 12px;
    font-size: 12px;
    line-height: 24px;
}

.expand:hover {
    background: var(--color-fill-3);
}

/deep/ .ant-checkbox:hover .ant-checkbox-inner {
    border-color: #FC8334 !important; /* 改变悬停时复选框的边框颜色 */
}

/deep/ .ant-checkbox-checked::after {
    border: 1px solid #FC8334 !important;
}

/deep/.ant-checkbox-wrapper:hover .ant-checkbox-inner {
    border-color: #FC8334 !important; /* 改变悬停时复选框的边框颜色 */
}

/deep/ .ant-checkbox-inner {
    border-color: #d9d9d9 !important; /* 修改未选中状态的边框颜色 */
}

/deep/ .ant-checkbox-inner::after {
    width: 4.714286px;
    height: 7.142857px;
}

// /deep/ .ant-pro-page-header-wrap-children-content{
//     margin: 16px 16px 0 !important;
// }

/deep/ .ant-modal-footer {
    border-top: none;
}

  
::v-deep .ant-checkbox-inner {
width: 14px;
height: 14px;
}

::v-deep .ant-checkbox + span {
font-size: 14px;
}
